document.write("<style>");
document.write("	* {box-sizing: border-box;}");

document.write("    .viewbox .imgbox {box-sizing: border-box;background-size:cover;box-shadow: 0px 0px 10px rgba(0,0,0,0.6);border-radius:5px;}");
	
document.write("	.viewbox:not(.lrow) {box-sizing: border-box;display:inline-block; height:450px;position:relative; }");
document.write("	.viewbox:not(.lrow) .insidebox {box-sizing: border-box;position:absolute; bottom:10px; top:10px; left:10px; right:10px;}");
document.write("    .viewbox:not(.lrow) .imgbox {box-sizing: border-box;position:absolute; left:0px; right:0px; top:0px; bottom:0px;}");
document.write("	.viewbox:not(.lrow) .txtbox {box-sizing: border-box;color:#FFFFFF;overflow:hidden; padding:20px;padding-bottom:60px;position:absolute; bottom:10px; min-height:50%; left:10px; right:10px;border-radius:5px; background:rgba(0,0,0,0.5)}");
document.write("	.viewbox:not(.lrow) .btnbox {box-sizing: border-box;padding:10px;position:absolute; bottom:10px; right:10px;}");
document.write("	.viewbox:not(.lrow) .tb_titre {box-sizing: border-box;font-size:130%; width:100%; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}");
document.write("	.viewbox:not(.lrow) .tb_txt {box-sizing: border-box; overflow:hidden;}");
document.write("	.btnbox a {box-sizing: border-box;display:inline-block; width:100%; background:#207f7f; border-radius:3px; color:#ffffff; text-align:center; margin-bottom:5px; padding:5px; text-decoration:none}");

document.write("	.viewbox.lrow {box-sizing: border-box;display:none;height:inherit;width:100% !important; padding:10px;position:relative; border-bottom:1px solid #eee;}");
document.write("    .viewbox.lrow .imgbox {box-sizing: border-box;width:150px; height:100px; float:left; margin-right:20px}");
document.write("    .viewbox.lrow .txtbox {box-sizing: border-box;padding-right:150px;padding-top:1em; text-align:left}");
document.write("	.viewbox.lrow .btnbox {box-sizing: border-box;position:absolute; right:10px; bottom:10px;}");
document.write("    .viewbox.lrow:hover {background:#eee;}");

document.write("	.endbox {clear: both}");
document.write("	.viewcontainer {font-size:70%;box-sizing: border-box;margin:auto;display:block; position:relative; text-align:center; width:100%; max-width: 100%px;}");

document.write("</style>");
document.write('<div class="viewcontainer">');
document.write('</div>');
	function ajustContainer() {
		// Lit la largeur du container
		$(".viewcontainer").each(function () {
			sc=$(this).width();
			nb=Math.floor(sc / 250);
			console.log("Nb:"+nb);
			console.log("width:"+(100/nb)+"%");
			vb=$(this).find(".viewbox");
			// Calcul le nombre de lignes affichable avec les éléments fournis, et transforme les éléments suivants en ligne
			if (nb==0)
			nb=1;
			vb.css("width",(100/nb)+"%");


			nbrow=Math.floor(vb.length/nb);
			if (nbrow<1) nbrow=1;
			console.log("Rows:"+nbrow+"possible (3 souhaitée)");
			vb.removeClass("lrow");
			if (nb<2) {
				vb.removeClass("lrow")
			} else {
				if (nbrow>=3) {
					// Plus de lignes, transforme les éléments supplémentaires
					vb.slice(nb*3).addClass("lrow");
				}
				if (nbrow<3) {
					// Moins de lignes, transforme les éléments pour donner le tour
					vb.slice(nb*nbrow).addClass("lrow");
				}
			}
		});
	}
	$( window ).resize(ajustContainer);
	ajustContainer();